<!--额外的环绕效果-->
        <h1>额外的环绕效果</h1>
<div class="box-row hor-aver">
    <span class="btn-wrap">
 <button ms-click="getClass($event)" class="btn btn-circle">
    go
</button>
</span>
 
<span class="btn-wrap">
 <button ms-click="getClass($event)" class="btn btn-circle btn-raised btn-primary">
    go
</button>
</span>
 
<span class="btn-wrap">
 <button ms-click="getClass($event)" href="" class="btn btn-pill ">Go</button>
</span>
<span class="btn-wrap">
 <button ms-click="getClass($event)" href="" class="btn btn-pill btn-raised btn-primary">Go</button>
</span>
</div>

<br/>
<div>
     <textarea disabled="disabled" class="text-define">

         <span class="btn-wrap">
            <button ms-click="getClass($event)" class="btn btn-circle">
             go
           </button>
         </span>
     
         <span class="btn-wrap">
             <button ms-click="getClass($event)" class="btn btn-circle btn-raised btn-primary">
               go
            </button>
         </span>
     
         <span class="btn-wrap">
            <button ms-click="getClass($event)" href="" class="btn btn-pill ">Go</button>
         </span>

         <span class="btn-wrap">
             <button ms-click="getClass($event)" href="" class="btn btn-pill btn-raised btn-primary">Go</button>
          </span>
     </textarea>
</div>
        <br/>
        <hr>